<template>
  <div class="content">
    <div id="viewer" ref="viewerRef" style="width: 100vw; height: 100vh"></div>
    <!-- <div>
      <el-button type="primary" style="margin-left: 16px" @click="isOpenClick">
        打开
      </el-button>  
      <MyDrawer :isOpen="isOpen" @openClick="openClick"> </MyDrawer>
    </div> -->
  </div>
</template>

<script setup lang="ts">
import { useGoodsExamine } from "./utils/hook";
const { setPhotoView, viewerRef } = useGoodsExamine();
// import MyDrawer from "../../components/Drawer/index.vue";
import { onMounted, ref } from "vue";

const isOpen = ref(false);
onMounted(() => {
  setPhotoView();
});
// const isOpenClick = () => {
//   isOpen.value = true;
// };
// const openClick = (e) => {
//   isOpen.value = e;
// };
</script>

<style scoped>
.content {
  display: flex;
}
</style>
